<template>
	<div class="list-main">
	    	<div class="item" v-for="(item, index) of list" :key="index">
	    		<div class="item-title">
	    			<span class="iconfont address">&#xe632;</span>
	    			{{item.title}}
	    		</div>
	    		<div v-if="item.children" class="item-children">
	    			<detail-content :list="item.children"></detail-content>
	    		</div>
	    	</div>
    </div>
	
</template>

<script>
	export default {
		name: 'DetailContent',
		props: {
			list: Array
		}
	}
</script>

<style lang="stylus" scoped>
   .list-main
      width: 100%
      height: 100%
      .item-title
        line-height: 40px
        font-size: 16px
        padding: 0 10px
        border-bottom: 1px solid #ccc
      .item-children
        padding-left: 20px
       
</style>